<!-- directive:title NG指令详解 -->
<!-- directive:breadcrumb NG指令详解 -->
<div class="panel-body">
    <div class='panel panel-default'>
        <div class='panel-heading'> ng-readonly 指令 </div>
        <div class='panel-body'>
            <article class="docs-content">
                <p>Readonly: {{readonly}} <input type="checkbox" ng-model="readonly">
                <p><input type="text" ng-readonly="readonly"></p></p>
                <h4>定义和用法</h4>
                <p><code>ng-readonly</code> 指令用于设置表单域(input 或 textarea) 的 <code>readonly</code> 属性。</p>
                <p>如果 <code>ng-readonly</code> 属性的表达式返回 true 则表单域为只读。</p>
                <h4>语法</h4>
                <p><code>ng-readonly</code> 指令用于设置表单域(input 或 textarea) 的 <code>readonly</code> 属性。</p>
                <p>如果 <code>ng-readonly</code> 属性的表达式返回 true 则表单域为只读。</p>
                <script type="text/xianjs" ui-bs>
                    <input ng-readonly="expression"></input>
                </script>
                <p>expression 表达式返回 true 则表单域为只读。</p>
            </article>
        </div>
    </div>
</div>


